<script setup>
// 1. 导入组件
import Header from './components/Header.vue';
import Siderbar from './components/Siderbar.vue';


// 当前选中的分类 - 使用ref创建响应式数据
// ref用于基本数据类型，如字符串、数字、布尔值
const activeCategory = ref('推荐')

// 分类数据 - 定义所有可用的分类标签
// 这是一个静态数组，包含小红书常见的分类
const categories = [
  '推荐', '学习', '生活', '美食', '穿搭', '旅行', '运动', '娱乐', '职场', '情感'
]

</script>

<template>
<!-- 2. 使用组件 -->
 <Header></Header>
 <Siderbar></Siderbar>
</template>


<style scoped>

</style>